<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>隐患流程</title>
    <link rel="stylesheet" href="../../content/default/css/common.css">
    <link rel="stylesheet" href="../../content/default/css/swiper.min.css">
    <link rel="stylesheet" href="../../content/default/css/hiddenLc.css">
    <link rel="stylesheet" href="../../content/common/layui/css/layui.css">
    <link rel="stylesheet" href="../../content/default/css/yhTcc.css">
</head>

<body>
<div class="container">
    <!-- <h2 class="hiddenTit">隐患详情</h2> -->
    <div class="hdSec"  id="sec1">
        <div class="hdSec_inner">
            <div class="secTop clearfix">
                <h3>基础信息</h3>
            </div>
            <form class="layui-form" action="">
                <div class="layui-row">
                    <div class="layui-col-xs6">
                        <div class="layui-form-item">
                            <label class="layui-form-label">隐患编码:</label>
                            <div class="layui-input-block">
                                <input type="text" readonly name="title" lay-verify="title" autocomplete="off" value="20200314001" class="layui-input readonly">
                            </div>
                          </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">隐患名称:</label>
                            <div class="layui-input-block">
                              <input type="text" readonly name="title" lay-verify="title" autocomplete="off" value="1B引风机出口挡板连杆脱开" class="layui-input readonly">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">隐患类别:</label>
                            <div class="layui-input-block">
                                <input type="text" readonly name="title" lay-verify="title" autocomplete="off" value="设备设施事故隐患" class="layui-input readonly">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">隐患地点:</label>
                            <div class="layui-input-block">
                              <input type="text" readonly name="title" lay-verify="title" autocomplete="off" value="1B引风机" class="layui-input readonly">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">排查人:</label>
                            <div class="layui-input-block">
                              <input type="text" readonly name="title" lay-verify="title" autocomplete="off" value="王鹏辉" class="layui-input readonly">
                            </div>
                        </div> 
                        <div class="layui-form-item">
                            <label class="layui-form-label">整改单位:</label>
                            <div class="layui-input-block">
                              <input type="text" readonly name="title" lay-verify="title" autocomplete="off" value="华电句容发电有限公司" class="layui-input readonly">
                            </div>
                        </div> 
                    </div>
                    <div class="layui-col-xs6">
                        <div class="layui-form-item">
                            <label class="layui-form-label">隐患级别:</label>
                            <div class="layui-input-block">
                                <input type="text" readonly name="title" lay-verify="title" autocomplete="off" value="一般隐患" class="layui-input readonly">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">隐患区域:</label>
                            <div class="layui-input-block">
                              <input type="text" name="title" lay-verify="title" autocomplete="off" value="1B引风机" class="layui-input readonly">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">排查单位:</label>
                            <div class="layui-input-block">
                              <input type="text" name="title" lay-verify="title" autocomplete="off" value="中国华电集团有限公司安全环保部" class="layui-input readonly">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">排查时间:</label>
                            <div class="layui-input-block">
                                <input type="text" readonly name="title" lay-verify="title" autocomplete="off" value="2020-02-25" class="layui-input readonly">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">整改截止日期:</label>
                            <div class="layui-input-block">
                                <input type="text" readonly name="title" lay-verify="title" autocomplete="off" value="2020-03-25" class="layui-input readonly">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-form-item wid100">
                        <label class="layui-form-label">隐患描述:</label>
                        <div class="layui-input-block">
                            <p class="miaoshu">张强、李倩、王肖、李玉兰、李玉龙、李玉林、王石、周茜、薛阳</p>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-form-item wid100">
                        <label class="layui-form-label">隐患图片:</label>
                        <div class="layui-input-block clearfix">
                            <ul class="img_list clearfix">
                                <li>
                                    <img src="../../content/default/image/yh_img.png">
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </form>
        </div>        
    </div>

    <div class="hdSec"  id="sec2">
        <div class="hdSec_inner">
            <div class="secTop clearfix">
                <h3 class="fl">隐患评估</h3>
                <ul class="csList clearfix fl">
                    <li>第一次评估</li>
                    <li>第二次评估</li>
                    <li class="active">第三次评估</li>
                </ul>
                <!-- <span class="addSpan addSpan1"></span> -->
            </div>
            <form class="layui-form" action="">
                <div class="layui-row">
                    <div class="layui-col-xs6">
                        <div class="layui-form-item">
                            <label class="layui-form-label">评估结果:</label>
                            <div class="layui-input-block">
                                <input type="radio" disabled name="pass" value="通过" title="通过" checked="">
                                <input type="radio" disabled name="pass" value="不通过" title="不通过">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-form-item wid100">
                        <label class="layui-form-label">评估意见:</label>
                        <div class="layui-input-block">
                            <textarea placeholder="请输入内容" readonly disabled class="layui-textarea readonly">为了贯彻落实集团公司、湖北公司近期关于安全生产工作重点要求，结合当前春检、危化品隐患治理专项行动、#1煤场粉笔技改及汛前准备等工作开展情况，2019年4月3日，公司副总经理、总工程师组织开展了清明节前安全检查工作。</textarea>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-xs6">
                        <div class="layui-form-item">
                            <label class="layui-form-label">评估人:</label>
                            <div class="layui-input-block">
                                <input type="text" name="title"  readonly disabled lay-verify="title" autocomplete="off" value="李佳桐" class="layui-input readonly">
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-xs6">
                        <div class="layui-form-item">
                            <label class="layui-form-label">评估时间:</label>
                            <div class="layui-input-inline">
                                <input type="text" name="date1"  readonly disabled id="date1" class="layui-input readonly" value="2020-19-19">
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div class="hdSec"  id="sec3">
        <div class="hdSec_inner">
            <div class="secTop clearfix">
                <h3 class="fl">隐患整改</h3>
                <ul class="csList clearfix fl">
                    <li>第一次整改</li>
                    <li>第二次整改</li>
                    <li class="active">第三次整改</li>
                </ul>
                <!-- <span class="addSpan addSpan2 addSpan2_1 zhenggai"></span> -->
            </div>
            <form class="layui-form" action="">
                <div class="layui-row">
                    <div class="layui-col-xs6">
                        <div class="layui-form-item">
                            <label class="layui-form-label">整改结果:</label>
                            <div class="layui-input-block">
                                <input type="radio" name="finish" disabled value="完成" title="完成" checked="">
                                <input type="radio" name="finish" disabled value="未完成" title="未完成">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-xs6">
                        <div class="layui-form-item">
                            <label class="layui-form-label">整改责任部门:</label>
                            <div class="layui-input-block">
                                <input type="text" readonly name="title" lay-verify="title" autocomplete="off" value="华电句容发电有限公司设备维护部锅炉班" class="layui-input readonly">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">整改截止日期:</label>
                            <div class="layui-input-inline">
                                <input type="text" name="date2" id="date2" readonly disabled class="layui-input readonly" value="2020-19-19">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">整改措施:</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" lay-verify="title" readonly autocomplete="off" value="大声道" class="layui-input readonly">
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-xs6">
                        <div class="layui-form-item">
                            <label class="layui-form-label">整改责任人:</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" readonly lay-verify="title" autocomplete="off" value="王毅田" class="layui-input readonly">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">整改责任人电话:</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" readonly lay-verify="title" autocomplete="off" value="136 8888 8888" class="layui-input readonly">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">整改完成日期:</label>
                            <div class="layui-input-inline">
                                <input type="text" name="date5" id="date5" readonly disabled class="layui-input readonly" value="2020-05-06">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-form-item wid100">
                        <label class="layui-form-label">整改情况描述:</label>
                        <div class="layui-input-block">
                            <textarea placeholder="请输入内容" readonly class="layui-textarea readonly">为了贯彻落实集团公司、湖北公司近期关于安全生产工作重点要求，结合当前春检、危化品隐患治理专项行动、#1煤场粉笔技改及汛前准备等工作开展情况，2019年4月3日，公司副总经理、总工程师组织开展了清明节前安全检查工作。</textarea>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-form-item wid100">
                        <label class="layui-form-label">整改图片:</label>
                        <div class="layui-input-block clearfix">
                            <ul class="img_list clearfix">
                                <li>
                                    <img src="../../content/default/image/yh_img.png">
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div class="hdSec" id="sec4">
        <div class="hdSec_inner">
            <div class="secTop clearfix">
                <h3 class="fl">隐患验收</h3>
                <ul class="csList clearfix fl">
                    <li>第一次验收</li>
                    <li>第二次验收</li>
                    <li class="active">第三次验收</li>
                </ul>
                <!-- <span class="addSpan addSpan2 addSpan2_1"></span> -->
            </div>
            <form class="layui-form" action="">
                <div class="layui-row">
                    <div class="layui-col-xs6">
                        <div class="layui-form-item">
                            <label class="layui-form-label">验收结果:</label>
                            <div class="layui-input-block">
                                <input type="radio" name="result" value="通过" title="通过" checked="">
                                <input type="radio" name="result" value="不通过" title="不通过">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">验收人:</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" lay-verify="title" autocomplete="off" value="华电句容发电有限公司设备维护部锅炉班" class="layui-input">
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-xs6">
                        <div class="layui-form-item">
                            <label class="layui-form-label">验收人:</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" lay-verify="title" autocomplete="off" value="王毅田" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">整改完成日期:</label>
                            <div class="layui-input-inline">
                                <input type="text" name="date2" id="date6" class="layui-input" value="2020-19-19">
                            </div>
                        </div>   
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-form-item wid100">
                        <label class="layui-form-label">验收意见:</label>
                        <div class="layui-input-block">
                            <textarea placeholder="请输入内容" class="layui-textarea">为了贯彻落实集团公司、湖北公司近期关于安全生产工作重点要求，结合当前春检、危化品隐患治理专项行动、#1煤场粉笔技改及汛前准备等工作开展情况，2019年4月3日，公司副总经理、总工程师组织开展了清明节前安全检查工作。</textarea>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-form-item wid100">
                        <label class="layui-form-label">验收图片:</label>
                        <div class="layui-input-block clearfix">
                            <ul class="img_list clearfix">
                                <li>
                                    <img src="../../content/default/image/yh_img.png">
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </form>
            <!-- <img class="deleteImg" src="../../content/default/image/delete_icon.png"> -->
        </div>
    </div>

    <div class="btnDiv">
        <a class="myBtn myBtn1">提 交</a>
        <a class="myBtn myBtn2">取 消</a>
    </div>
    <div class="bzDiv">
        <a class="bzItem" href="#sec1">
            <span>1</span>基础信息
        </a>
        <div class="line"></div>
        <a class="bzItem" href="#sec2">
            <span>2</span>隐患评估
        </a>
        <div class="line"></div>
        <a class="bzItem" href="#sec3">
            <span>3</span>隐患整改
        </a>
        <div class="line"></div>
        <a class="bzItem active" href="#sec4">
            <span>4</span>隐患验收
        </a>
    </div>
</div>
<!--隐患整改弹出层-->
<div class="djBox zgBox" id="zgBox">
    <form class="layui-form" action="">
        <div class="layui-row">
            <div class="layui-col-xs6">
                <div class="layui-form-item">
                    <label class="layui-form-label">整改结果:</label>
                    <div class="layui-input-block">
                      <input type="radio" name="status" value="完成" title="完成" checked="">
                      <input type="radio" name="status" value="未完成" title="未完成">
                    </div>
                  </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">整改责任部门:</label>
                    <div class="layui-input-block">
                      <input type="text" name="title" lay-verify="title" autocomplete="off" value="华电句容发电有限公司设备维护部锅炉班" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">整改截止日期:</label>
                    <div class="layui-input-inline">
                        <input type="text" name="date1" id="date3" class="layui-input" value="2020-19-19">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">整改措施:</label>
                    <div class="layui-input-block">
                      <input type="text" name="title" lay-verify="title" autocomplete="off" value="大声道" class="layui-input">
                    </div>
                </div> 
            </div>
            <div class="layui-col-xs6">
                <div class="layui-form-item">
                    <label class="layui-form-label"></label>
                    <div class="layui-input-block">
                      
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">整改责任人:</label>
                    <div class="layui-input-block">
                      <input type="text" name="title" lay-verify="title" autocomplete="off" value="王毅田" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">整改责任人电话:</label>
                    <div class="layui-input-block">
                      <input type="text" name="title" lay-verify="title" autocomplete="off" value="136 8888 8888" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">整改完成日期:</label>
                    <div class="layui-input-inline">
                        <input type="text" name="date2" id="date4" class="layui-input" value="2019-05-06">
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-form-item wid100">
                <label class="layui-form-label">整改情况描述:</label>
                <div class="layui-input-block">
                    <textarea placeholder="请输入内容" class="layui-textarea">为了贯彻落实集团公司、湖北公司近期关于安全生产工作重点要求，结合当前春检、危化品隐患治理专项行动、#1煤场粉笔技改及汛前准备等工作开展情况，2019年4月3日，公司副总经理、总工程师组织开展了清明节前安全检查工作。</textarea>
                </div>
            </div>
        </div>
        <div class="layui-row">
            <div class="layui-form-item wid100">
                <label class="layui-form-label">隐患图片:</label>
                <div class="layui-input-block clearfix">
                    <div class="upload">
                       <img src="../../content/default/image/add_img.png">
                       <input type="file"> 
                    </div>
                    <ul class="img_list clearfix">
                        <li>
                            <img src="../../content/default/image/yh_img.png">
                            <div class="img_delete">删除</div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </form>
</div>
</body>
<script src="../../content/common/jquery-3.3.1.min.js"></script>
<script src="../../content/common/nicescroll.min.js"></script>
<script src="../../content/default/js/hiddenLc.js"></script>
<script src="../../content/common/layui/layui.js" type="text/javascript" charset="utf-8"></script>
<script>
    $(function(){
        window.location.hash = "#sec4";
        $('.csList li').click(function () {
            $(this).addClass('active').siblings().removeClass('active')
        })
        $('.bzDiv .bzItem').click(function(){
            var index = $(this).index();
            $(this).addClass('active').siblings().removeClass('active');
        })
        $('.addSpan2').hover(function(){
            $(this).removeClass('addSpan2_1').addClass('addSpan2_2')
        },function(){
            $(this).removeClass('addSpan2_2').addClass('addSpan2_1')
        })
        $('.zhenggai').click(function(){
            layer.open({
                title:'隐患整改',
                type:1,
                btn:['确定','取消'],
                area:['900px','450px'],
                content:$('#zgBox')
            })
        })
        layui.use(['form', 'laydate'], function(){
            var form = layui.form,
            laydate = layui.laydate;
            laydate.render({
                elem: '#date1',
                trigger: 'click'
            });
            laydate.render({
                elem: '#date2',
                trigger: 'click'
            });
            laydate.render({
                elem: '#date3',
                trigger: 'click'
            });
            laydate.render({
                elem: '#date4',
                trigger: 'click'
            });
            laydate.render({
                elem: '#date5',
                trigger: 'click'
            });
            laydate.render({
                elem: '#date6',
                trigger: 'click'
            });
        });
        $(".bzDiv").smartFloat();
    })
    $(function(){  })
</script>
</html>